:focus {outline: none;}input::-webkit-input-placeholder,input::-moz-input-placeholder,input::-ms-input-placeholder {color: #999;font-size: 14px;}
.icon {
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
body{
  font-family: 'Microsoft yahei', Tahoma, Verdana, Arial, sans-serif;
  -moz-user-select:none; /* Firefox私有属性 */
  -webkit-user-select:none; /* WebKit内核私有属性 */
  -ms-user-select:none; /* IE私有属性(IE10及以后) */
  -khtml-user-select:none; /* KHTML内核私有属性 */
  -o-user-select:none; /* Opera私有属性 */
  user-select:none; /* CSS3属性 */
  background: #fbf3af;
  margin: 8px;
}
.content{
  margin: 30px;
}
.flex{
  display: flex;
  flex-wrap: wrap;
}
.item {
  flex: 1 1 480px;
  height: 480px;
  overflow: hidden;
  margin: 10px;
  cursor: pointer;
  border-radius: 8px;
}
.item a img {
  width: 100%;
  height: 100%;
  -webkit-transition:.5s transform;
  transition:.5s transform;
  -webkit-transform:scale(1);
  transform:scale(1);
}
@media only screen and (min-width: 1025px) {
  .item:hover a img {
    -webkit-transition: .5s transform;
    transition: .5s transform;
    -webkit-transform: scale(1.15);
    transform: scale(1.15)
  }
}

@media only screen and (max-width: 767px) {
  .content{
    margin: 0px;
  }
  .item{
    flex: 1 0 100%;
    height: auto;
    margin: 0 0 30px 0;
  }
}